import { View} from '@tarojs/components';
import s from './index.module.scss'
import Card from 'components/CodeCard'
import code from './code.md'

export default function Index() {
  return(
    <Card
      title='3d旋转'
      desc='3d旋转动画，可实现无缝轮播图'
      renderCode={() => (
        <wemark md={code} link highlight type='wemark' />
      )}
    >
     <View className={s.camera}>
      <View className={s.space}>
        <View className={s.box}>
          <View className={`${s.side1} ${s.side}`}>1</View>
          <View className={`${s.side2} ${s.side}`}>2</View>
          <View className={`${s.side3} ${s.side}`}>3</View>
          <View className={`${s.side4} ${s.side}`}>4</View>
          <View className={`${s.side5} ${s.side}`}>5</View>
          <View className={`${s.side6} ${s.side}`}>6</View>
         </View>
        </View>
      </View>
    </Card>
  )
}